<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Resize Window Example</title>
</head>
<body>
<!--修改窗口大小窗口-->
<div>
    1.<button onclick="resizeWindow()">Resize Window</button>
</div>
<hr style="border-top: 1px solid red;">

<!--移动窗口-->
<div>
    2.<button onclick="moveToWindow()">MoveTo Window</button>
</div>
<hr style="border-top: 1px solid red;">

<!--打印window对象所有属性-->
<div>
    3.<button onclick="printAllPropertyByWindow()">window 对象的所有属性</button>
</div>
<hr style="border-top: 1px solid red;">

<!--showWindowPrint-->
<div>
    4.<button onclick="showWindowPrint()">window 对显示打印</button>
</div>
<hr style="border-top: 1px solid red;">

<!--showWindowPrint-->
<div>
    5.<button onclick="showWindowFind()">window 对显示查找</button>
</div>
<hr style="border-top: 1px solid red;">

<!--executeWindowOpen-->
<div>
    6.<button onclick="executeWindowOpen()">window 打开1个界面</button>
</div>
<hr style="border-top: 1px solid red;">


<script>
    function resizeWindow() {
        // 当用户点击按钮时，尝试调整窗口大小
        try {
            window.resizeTo(300, 600);
            console.log("调用了 resizeTo()");
        } catch (error) {
            console.error('无法调整窗口大小，可能因为浏览器的安全限制或方法不支持', error);
        }
    }

    function moveToWindow() {
        // 当用户点击按钮时，尝试调整窗口大小
        //
        try {
            window.moveTo(200, 600);
            console.log("调用了 window.moveTo() 调用时间为:",new Date().toUTCString());
        } catch (error) {
            console.error('调用了 window.moveTo():无法移动窗口大小，可能因为浏览器的安全限制或方法不支持', error);
        }
    }

    // 这边是监听窗口尺寸变化
    window.onresize = function () {
        console.log("调用了 onresize()时间为:" + new Date().toUTCString());
        console.log(window.location.toString());
    }

    function printAllPropertyByWindow(){
        console.log("调用了 printAllPropertyByWindow()时间为:" + new Date().toUTCString());
        const obj = window;
        let count = 0;
        for (const key in obj) {
            console.log(key + ":" + obj[key]);
            count++;
        }
        console.log("window对象的属性个数为:" + count);
    }

    function showWindowPrint() {
        console.log("调用了 showWindowPrint()时间为:" + new Date().toUTCString());
        const obj = window;
        obj.print();
    }

    function showWindowFind() {
        console.log("调用了 showWindowFind()时间为:" + new Date().toUTCString());
        const obj = window;
        obj.find();
    }

    function executeWindowOpen() {
        console.log("调用了 executeWindowOpen()时间为:" + new Date().toUTCString());
        window.open("https://www.baidu.com/");
    }

</script>
</body>
</html>
